{include file="index@index/head"}
    <div class="container-fluid text-center mb-5 pb-5">
      <img class="img-fluid" src="{$one.img}" alt="">
    </div>
    <div class="container">
        <div class="row flex-column">
            {$one.content}
            <h2 class="font-weight-bold text-center mt-5">自考资讯</h2>
            <p class="lead text-center text-muted"><small>Self-study information</small></p>
        </div>
        <!--自考资讯-->
        <div class="row">
            <div class="col-6">
                <div class="border border-top-0 border-left-0 border-right-0 d-flex justify-content-between align-items-baseline">
                    <h3 class="text-blue">热门资讯 <small class="text-muted">HOT NEWS</small></h3>
                    <div><a href="" class="text-danger">+MORE</a></div>
                </div>
                <ul class="ul-left text-blue">
                    {volist name="information" id="v"}
                    <li>
                        <div class="d-inline-block" style="width: 95%">
                        <div class="d-flex justify-content-between"><a class="text-dark text-truncate" href="{:u('news',$v.id)}">{$v.title}</a><span class="text-muted">{$v.datetime|date='Y-m-d H:i:s',###}</span></div>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
            <div class="col-1"></div>
            <div class="col-5">
                <div class="border border-top-0 border-left-0 border-right-0 d-flex justify-content-between align-items-baseline">
                    <h3 class="text-blue">热门问答 <small class="text-muted">HOT Q&A</small></h3>
                    <div><a href="" class="text-danger">+MORE</a></div>
                </div>
                <ul class="list-unstyled zk-qa">
                    {volist name="answer" id="v"}
                    <li>
                        <div class="d-flex justify-content-between"><a class="text-dark text-truncate" href="{:u('news',$v.id)}">{$v.title}</a><span class="text-muted">{$v.datetime|date='Y-m-d H:i:s',###}</span></div>
                    </li>
                    {/volist}
                </ul>
            </div>

        </div>

    </div>
    <!--热门院校-->
    <div class="container-fluid mt-5">
        <div class="row flex-column">
            <h2 class="font-weight-bold text-center">热门院校</h2>
            <p class="lead text-center text-muted"><small>Top universities</small></p>
        </div>
        <marquee >
            <div class="row flex-row">
                {volist name="product" id="v"}
                <div class="row flex-row border justify-content-around align-items-center p-2 mr-5" style="width: 280px;height: 114px">
                    <div class="col-md-4">
                        <img class="img-fluid" src="{$v.school_logo}" style="max-width: 82px" alt="">
                    </div>
                    <div class="col-md-8">
                        <a href="{:u('zsyx',$v.id)}"><h6 class="text-truncate mb-3" title="">{$v.school_name}</h6></a>
                        <p class="text-truncate-2 mb-0" style="white-space: pre-wrap">{$v.content}</p>
                    </div>
                </div>
                {/volist}
            </div>
        </marquee>
    </div>
    <!--学历介绍-->
    <div class="container">
        <div class="row flex-column mt-5">
            <h2 class="font-weight-bold text-center">学历介绍</h2>
            <p class="lead text-center text-muted"><small>Education instroduction</small></p>
        </div>
        <div class="row">
            <div class="col-4">
                <h5>
                    <img src="__PUBLIC__/static/static/img/pic-4.jpg" alt="">
                </h5>
            </div>
            <div class="col-8">
                <h5 class="font-weight-bold">学历介绍</h5>
                <ol>
                    <li>什么是自考
                        <p><small>自考全称是全国高等教育自学考试，简单的说自考是我国学历教育的其中一种，主要以自学或者助学为学习方式，通过国家和地方统一组织的考试就可以取得国家认可的高等教育自学考试学历。</small></p>
                    </li>
                    <li>什么是成考
                        <p><small>　 成人高等学校招生统一考试的简称成人高考，是我国成人高等学校选拔合格的毕业生以进入更高层次学历教育的入学考试，属于国民教育系列，列入国家招生计划，参加全国招生统一考试，各省、自治区、直辖市统一组织录取。</small></p>
                    </li>
                    <li>什么是远程教育
                        <p><small>　 远程教育也称现代远程教育为网络教育，是成人教育学历中的一种。是现代信息技术应用于教育后产生的新概念，即运用网络技术与环境开展的教育。招生对象不受年龄和先前学历限制，为广大已步入社会的群众提供了学历提升的机会。</small></p>
                    </li>
                    <li>什么是电大
                        <p>
                            <small>　 电大即中央广播电视大学以及地方各级广播电视大学，简称“电大”。中央广播电视大学是采用计算机网络、卫星电视等现代传媒技术，运用印刷教材、音像教材、多媒体课件、网络课程等多种教学媒体，面向全国开展远程教育的教育部直属高等学校。</small>
                        </p>
                    </li>
                </ol>
            </div>
        </div>
        <!--优势对比-->
        <div class="row flex-column mt-5">
            <h2 class="font-weight-bold text-center">优势对比</h2>
            <p class="lead text-center text-muted"><small>Comparison of advantages</small></p>
            <table class="table table-bordered">

                    <tr align="center" valign="middle" style="background-color: #f1f1f1;">
                        <th rowspan="5" width="5%" style="vertical-align: middle;">专本连读</th>
                        <th>专科</th>
                        <th>本科</th>
                        <th>优势介绍</th>
                        <th>报名</th>
                    </tr>

                    <tr>
                        <td>自学 自考</td>
                        <td>自学 自考</td>
                        <td class="text-danger">时间最长 | 含金量高 | 费用最低[不推荐]</td>
                        <td align="center"><a href="" class="text-danger">自行报名>></a></td>
                    </tr>
                    <tr>
                        <td>自考 协助班</td>
                        <td>自考 协助班</td>
                        <td>时间最短 | 含金量高 | 费用偏高</td>
                        <td align="center"><a href="" class="text-danger">自行报名>></a></td>
                    </tr>
                    <tr>
                        <td>网教/成教 协助班</td>
                        <td>自考 协助班</td>
                        <td>时间偏短 | 含金量高 | 费用适中</td>
                        <td align="center"><a href="" class="text-danger">自行报名>></a></td>
                    </tr>
                    <tr>
                        <td>网教/成教 协助班</td>
                        <td>自学 自考</td>
                        <td>专科有保障 | 本科含金量高 | 费用较低[推荐]</td>
                        <td align="center"><a href="" class="text-danger">自行报名>></a></td>
                    </tr>

            </table>
        </div>
        <!--专本连读流程-->
        <div class="row flex-column mt-5">
            <h2 class="font-weight-bold text-center">专本连读流程</h2>
            <p class="lead text-center text-muted"><small>The process of Package offer only</small></p>
            <div class="d-flex flex-row justify-content-between">
            <div style="position: relative;width: 185px;height: 185px;border-radius: 50%;border:2px solid #444d5c">
                <div style="position: absolute;top:50%;margin-top:-24px;left:0;right:0;text-align: center;font-size:2rem;">专科报名</div>
                <div style="position: absolute;top:50%;margin-top:-6px;width: 185px;display: flex;justify-content: space-between">
                    <div class="bg-light" style="width: 32px;height: 15px;margin-left:-16px;"></div>
                    <div class="bg-light" style="width: 32px;height: 15px;margin-right:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                </div>
            </div>
            <div style="position: relative;width: 185px;height: 185px;border-radius: 50%;border:2px solid #444d5c">
                <div style="position: absolute;top:50%;margin-top:-24px;left:0;right:0;text-align: center;font-size:2rem;">本科报名</div>
                <div style="position: absolute;top:50%;margin-top:-6px;width: 185px;display: flex;justify-content: space-between">
                    <div class="bg-light" style="width: 32px;height: 15px;margin-left:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                    <div class="bg-light" style="width: 32px;height: 15px;margin-right:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                </div>
            </div>
            <div style="position: relative;width: 185px;height: 185px;border-radius: 50%;border:2px solid #444d5c">
                <div style="position: absolute;top:50%;margin-top:-24px;left:0;right:0;text-align: center;font-size:2rem;">连续连考</div>
                <div style="position: absolute;top:50%;margin-top:-6px;width: 185px;display: flex;justify-content: space-between">
                    <div class="bg-light" style="width: 32px;height: 15px;margin-left:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                    <div class="bg-light" style="width: 32px;height: 15px;margin-right:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                </div>
            </div>
            <div style="position: relative;width: 185px;height: 185px;border-radius: 50%;border:2px solid #444d5c">
                <div style="position: absolute;top:50%;margin-top:-24px;left:0;right:0;text-align: center;font-size:2rem;">专科毕业</div>
                <div style="position: absolute;top:50%;margin-top:-6px;width: 185px;display: flex;justify-content: space-between">
                    <div class="bg-light" style="width: 32px;height: 15px;margin-left:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                    <div class="bg-light" style="width: 32px;height: 15px;margin-right:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                </div>
            </div>
            <div style="position: relative;width: 185px;height: 185px;border-radius: 50%;border:2px solid #444d5c">
                <div style="position: absolute;top:50%;margin-top:-24px;left:0;right:0;text-align: center;font-size:2rem;">本科毕业</div>
                <div style="position: absolute;top:50%;margin-top:-6px;width: 185px;display: flex;justify-content: space-between">
                    <div class="bg-light" style="width: 32px;height: 15px;margin-left:-16px;">
                        <div class="bg-dark" style="width: 32px;height: 3px;margin:6px 0;"></div>
                    </div>
                    <div class="bg-light" style="width: 32px;height: 15px;margin-right:-16px;">
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!--收费标准-->
        <div class="row flex-column mt-5">
            <h2 class="font-weight-bold text-center">收费标准</h2>
            <p class="lead text-center text-muted"><small>charging standards</small></p>
        </div>
        <div class="row">
            <div class="col-4">
                <table class="table table-bordered text-center font-weight-bold">
                    <thead class="bg-gray">
                    <th colspan="3">网络教育</th>
                    </thead>
                    <tbody>
                    <tr style="background-color: #f6f6f6;">
                        <td>层次</td>
                        <td>报名费</td>
                        <td>学费</td>
                    </tr>
                    <tr>
                        <td>专科</td>
                        <td class="text-danger">1000</td>
                        <td class="text-danger">2300/学年</td>
                    </tr>
                    <tr>
                        <td colspan="3">院校录取后收取第一年学费</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-4">
                <table class="table table-bordered text-center font-weight-bold">
                    <thead class="bg-gray">
                    <th colspan="3">网络教育</th>
                    </thead>
                    <tbody class="tb-height">
                    <tr style="background-color: #f6f6f6;">
                        <td>层次</td>
                        <td>报名费</td>
                        <td>学费</td>
                    </tr>
                    <tr>
                        <td>专科</td>
                        <td class="text-danger">1000</td>
                        <td class="text-danger">2300/学年</td>
                    </tr>
                    <tr>
                        <td>本科</td>
                        <td class="text-danger">1000</td>
                        <td class="text-danger">2500/学年</td>
                    </tr>
                    <tr>
                        <td colspan="3">院校录取后收取第一年学费</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-4">
                <table class="table table-bordered text-center font-weight-bold">
                    <thead class="bg-gray">
                    <th colspan="3">自考协助班</th>
                    </thead>
                    <tbody class="tb-height">
                    <tr style="background-color: #f6f6f6;">
                        <td>层次</td>
                        <td>报名费</td>
                        <td>学费</td>
                    </tr>
                    <tr>
                        <td>专科</td>
                        <td class="text-danger">6000</td>
                        <td class="text-danger">14000</td>
                    </tr>
                    <tr>
                        <td>本科</td>
                        <td class="text-danger">6000</td>
                        <td class="text-danger">14000</td>
                    </tr>
                    <tr>
                        <td colspan="3">收费详情请咨询客服老师</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>














{include file="index@index/foot"} 